<div class="header navbar navbar-inverse navbar-fixed-top">
    <!-- BEGIN TOP NAVIGATION BAR -->
    <div class="header-inner">
        <!-- BEGIN LOGO -->
        <a class="navbar-brand" ng-href="{{display.root}}"
           style="width: 500px; padding-top: 12px; padding-left: 10px">
            <span style="color: white;font-size:x-large" ng-bind="display.title"></span>
        </a>
        <!-- END LOGO -->
        <!-- BEGIN RESPONSIVE MENU TOGGLER -->
        <a href="javascript:;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <img ng-src="{{display.img}}"/>
        </a>
        <!-- END RESPONSIVE MENU TOGGLER -->
        <!-- BEGIN TOP NAVIGATION MENU -->
        <ul class="nav navbar-nav pull-right">

            <!-- BEGIN USER LOGIN DROPDOWN -->
            <li class="dropdown user" style="padding-top: 5px; margin-right: 5px">
                <a href="javascript:void(0);"
                   class="dropdown-toggle"
                   data-toggle="dropdown"
                   data-hover="dropdown"
                   data-close-others="true">
                    <span class="username" ng-bind="display.username"></span> <i class="fa fa-angle-down"></i> </a>
                <ul class="userOp dropdown-menu">
                    <li><a href="javascript:void(0);" ng-click="changePassword()"><i class="fa fa-key"></i>Change Password</a></li>
                    <li class="divider"></li>
                    <li><a id="a-logout" href="javascript:void(0);" ng-click="logout()"><i class="fa fa-sign-out"></i>Logout</a></li>
                </ul>
            </li>
            <!-- END USER LOGIN DROPDOWN -->
        </ul>
        <!-- END TOP NAVIGATION MENU -->
    </div>
    <!-- END TOP NAVIGATION BAR -->

</div>